<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="it-IT">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="author" content="e-xtrategy s.r.l. - www.e-xtrategy.net" />
		<meta name="copyright" content="e-xtrategy s.r.l." />
		<title>loading Demo</title>
		<style type="text/css" media="screen">
			.menu {background-color:#CCC; margin:0 0 10px 0; padding:2px;}
			#PlaceToLoad {position:relative;}
			.Loading {background:#000 url(ajax-loader.gif) no-repeat center center;}
			#mail {font-size:0.7em;}
		</style>
		<script type="text/javascript" src="http://www.google.com/jsapi"></script>
		<script type="text/javascript">
			google.load("jquery", "1.3.1");
			google.load("jqueryui", "1.5.3");
		</script>
		<script type="text/javascript" src="../jquery.exloading.js"></script>
		<script type="text/javascript">
			var InitPage = function(){
				$("#Stop").hide();
				$("#Start").click(function(data) {
					$('#PlaceToLoad').startLoading();
					$("#Stop").show();
					$("#Start").hide();
					return false;
				});
				$("#Stop").click(function() {
					$('#PlaceToLoad').stopLoading();
					$("#Stop").hide();
					$("#Start").show();
					return false;					
				});
			};
			
			$(document).ready(InitPage);
		</script>
	</head>
	<body>
		<div class="menu">Default demo:
			<a href="" id="Start">Start Loading</a>
			<a href="" id="Stop">Stop Loading</a>
			<br /> view <a href="demoSettings.htm">settings example</a>
		</div>
		<div id="PlaceToLoad">
			<img src="http://farm4.static.flickr.com/3451/3362660409_97a79772a3_o.png" alt="coding" />
		</div>
		<a href="mailto:code@e-xtrategy.net" id="mail">ask info</a>
	</body>
</html>
